<template>
  <div class="my-collect">
  	<shop-header>	
			<h2>充值记录</h2>	
		</shop-header>
		<div class="notes-wrapper">
			<ul class="notes-list">
				<li class="notes-item bottom-1px">
					<div class="content">
						<p class="status">支付宝提现成功</p>
						<span class="date">2018-01-08 12:00:00</span>
					</div>
					<div class="money">-100</div>
				</li>
			</ul>
		</div>
  </div>
</template>

<script>
import ShopHeader from '@/components/public/ShopHeader'
export default {
	components: {
		ShopHeader
	},
	data () {
		return {
			
		}
	}
}
</script>

<style scoped>
.notes-item {
	display: flex;
	background: #fff;
	padding: 15px;
	align-items: center;
}
.notes-item:after {
	bottom: 0;
}
.content {
	flex: 1;
}
.content .status {
	font-size: 16px;
	color: #333;
}
.content .date {
	color: #999;
}
.money {
	font-size: 24px;
	color: #333;
}
</style>
